﻿<Application x:Class="App47.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:foundation="using:Windows.Foundation"
             xmlns:local="using:App47">

    <Application.Resources>

        <x:Double x:Key="ZoomedInHeight">250</x:Double>
        <x:Double x:Key="ZoomedInWidth">250</x:Double>

        <Style x:Key="ZoomedInStyle" TargetType="GridViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
            <Setter Property="FontSize" Value="18" />
            <Setter Property="Padding" Value="0" />
        </Style>

        <DataTemplate x:Key="ZommedInItem">
            <Grid Background="{StaticResource ListViewItemSelectedBackgroundThemeBrush}">
                <StackPanel VerticalAlignment="Bottom">
                    <StackPanel.Background>
                        <SolidColorBrush Opacity=".5" Color="Black" />
                    </StackPanel.Background>
                    <TextBlock Margin="20"
                               Foreground="{StaticResource ListViewItemSelectedForegroundThemeBrush}"
                               MaxLines="2"
                               TextWrapping="Wrap">
                        <Run Text="{Binding Id}" />
                        <Run Text="{Binding Text}" />
                    </TextBlock>
                </StackPanel>
            </Grid>
        </DataTemplate>

        <Style x:Key="ZoomedOutStyle" TargetType="GridViewItem">
            <Setter Property="Width" Value="400" />
            <Setter Property="Height" Value="200" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
        </Style>

        <DataTemplate x:Key="ZoomedOutItem">
            <Grid Background="SteelBlue">
                <TextBlock HorizontalAlignment="Center"
                           VerticalAlignment="Center"
                           FontSize="52">
                    <!--  this is for designtime  -->
                    <Run Text="{Binding Text}" />
                    <!--  this is for runtime  -->
                    <Run Text="{Binding Group.Text}" />
                </TextBlock>
            </Grid>
        </DataTemplate>

    </Application.Resources>

</Application>
